@import url("../../common/less/function.less");
@import url("../../common/less/ui.less");

body{
	background: url(../../web/img/bg.jpg) repeat;
}
.g-wrap{
	position: relative;
	width: 990px;
}
.g-banner{
	width: 100%;
	.oh();
}
.f-shadow{
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 10px;
	background: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.m-event-list{
	padding: 10px;
 	width: 100%;
  ul{
    .oh();
    margin-bottom: 10px;
    width:1000px;
    li{
      width:300px;
      height: 370px;
      background-color: #fff;
      .fl();
      margin: 10px 10px 0 0;
      position: relative;
      display: inline;
     .oh();
      &:hover{
        background-color: #fff0f3;
        img{.opacity(85); border: none}
      }
      .goods-info{
        display: block;
        width: 300px;
        overflow: hidden;
        img{
          width: 300px;
          height: 300px;
          border: none;
        }
        &:hover{
          text-decoration: underline;color: #eb2323;
          h4{ color: #eb2323}
        }
      }
      .price {
        width: 280px;
        padding: 5px 10px;
        font-size: 14px;
        color: #333;
        span{vertical-align: bottom;display: inline-block;}
        .new-price{
        	width: 110px;
          i{
            font-style: normal;
            .font-yh();
            font-size: 12px;
            color: #ff3366; 
          }
          em{
            font-family: arial;
            font-size: 14px;
            color: #e30d7c;
            font-weight: bold;
            strong{
              font-size: 36px;
            }
          }
        }
        .del-price{
        	padding-top: 5px;
        	em{
				display: inline-block;
				width: 50px;
				height: 14px;
				line-height: 14px;
				text-align: center;
				background: #e371ac;
				border-radius: 5px;
				color: #fff;
				.fs12;
        	}
        	del{
	          display: block;
	          color: #4f4f4f;
	          font-size: 12px;
	        }
        }
        .num{
        	color: #e40b7c;
        	padding-top: 24px;
        }        
      }

      .goods-wrap{
        div{background-color: #000000;.opacity(40); width: 190px; height: 300px; position: absolute;z-index: 998;top: 0;}
        span{ display: block;width:92px;height: 92px;position: absolute; top: 70px;left: 46px;z-index: 999; background: url("../img/surprise.png") -53px -70px no-repeat;}
      }
    }
  }
}
.m-event-list{
	.g-mn-right{
		li{
			width: 180px;
			height: 180px;
			.goods-info{
				width: 180px;
				img{width: 180px;height: 180px;}
			}
			.price{
				width: 160px;
				position: relative;
				top: -30px;
				padding: 0 10px 5px;
				background: rgba(255,255,255,0.5);
				span{padding-top: 0;}
				.new-price{
					width: 50px;
				}
				.del-price{
					del{display: inline-block;}
				}
				.num{
					em{
						display: inline-block;
						width: 50px;
						height: 14px;
						line-height: 14px;
						text-align: center;
						background: #e371ac;
						border-radius: 5px;
						color: #fff;
						.fs12;
		        	}
				}
			}
		}
	}
}

.footer{
    //background: url(../img/footer_bg.png) #f9f9f9 ;
     /*IE*/
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F0F0F0, endColorStr=#F9F9F9);
    /*火狐*/
    background: -moz-linear-gradient(top, #F0F0F0, #F9F9F9);
    /*谷歌*/
     background: -webkit-gradient(linear,right top, right bottom,from(#F0F0F0),to(#F9F9F9));
    border-top: 1px solid #e6e6e6;
    margin:0 auto;
    height:90px;
    position: relative;
    .toboder{
         border-top: 1px solid #fff;
         padding-top: 15px;
         text-align: center;
         .g-grid{
         	color: #666;
         	margin: 10px 0;
         }
    }
    a{
        color:#666;
        margin-left: 5px;
    }
}